<div class="layui-card">
    <div class="layui-card-body" style="border-bottom: 1px solid #f6f6f6;">
        <div class="layui-row">
            <div class="layui-btn-group larry-group">
                <button class="layui-btn layui-btn-sm layui-btn-danger ajaxPost" url="<?=url('smstoken/delall') ?>">
                    <i class="layui-icon">&#xe640;</i>
                    <cite>删除</cite>
                </button>
            </div>
        </div>
    </div>
  <div class="layui-card-body">
      <div class="layui-row layui-form" id="form">

         <div class="layui-col-lg2">
             <input type="text" name="keyword" placeholder="请输入关键词" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-col-lg1">
          <button class="layui-btn layui-btn-normal" onclick="search()">搜索</button>
        </div>
      </div>
      <div class="layui-row">
              <table class="layui-hide" lay-filter="table" id="table"></table>
      </div>
  </div>
</div>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
</script>
<script>
layui.use(['table','form','larry'], function(){
    var form = layui.form;
    var table = layui.table;
    var $ = layui.$;
    var larry = layui.larry;
    form.render('select');
    search = function(){
        var url = "/smstoken/lists";
        var data = $("#form").find("[name]");
        var where = {};
        data.each(function(i,e){
            where[$(e).attr('name')] = $(e).val();
        });
        table.render({
            elem: '#table'
            ,url:url
            ,where:where
            ,method:'post'
            //,cellMinWidth:180
            ,page: true
            ,cols: [[
                {type:'checkbox'}
                ,{field:'id', title: 'ID',width:80, sort: true,title:'ID'}
                ,{field:'phone', title: '手机号'}
                ,{field:'code', title: '验证码'}
                ,{field:'ip',  title: 'IP'}
                ,{field:'create_time', title: '时间',width:180}
                ,{field:'action', title: '操作',width:100, align:'center', toolbar: '#barDemo',fixed:"right"}
            ]]
        });
    };
    search();
    //监听工具条
    table.on('tool(table)', function(obj){
      var data = obj.data;
      if(obj.event === 'del'){
        layer.confirm('确认要删除吗?', function(index){
          $.ajax({
              url:"/smstoken/del",
              method:"post",
              dataType:"json",
              data:{id:data.id},
              success:function(res){
                  my.action(res);
                  layer.close(index);
              }
          });
        });
      }
    });
});
</script>
